<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.w3.org/1999/xhtml">
<head th:fragment="head(title)">
  <meta charset="UTF-8">
  <title th:text="${title}">Title</title>
  <link th:href="@{/login/css/bootstrap.min.css}" rel="stylesheet" />
  <script th:src="@{/login/js/bootstrap.bundle.min.js}" ></script>
  <script th:src="@{/login/js/jquery-3.6.0.js}"></script>
  <style>
    li {
      list-style-type: none;
    }
    .acong {
      color: white;
    }
    a:link{
      text-decoration: none;
    }.navItem{
      margin-right: 10px;
      line-height: 50px;
      font-size: 20px;
      float:left;
         }
  </style>
</head>
<body>
<div th:fragment="topNav(type)" style="background-color: #0d6efd;height: 50px">
  <ul  style="float:right;">
    <li th:if="${type} == 'back'" class="navItem">
      <a class="acong" th:href="@{/getProductList}">前台页面</a>
    </li>
    <li th:if="${type} == 'front'" class="navItem">
      <a th:href="@{/getProductTable}" class="acong">后台管理</a>
    </li>
    <li class="navItem">
      <a class="acong" th:href="@{/users}">管理员</a>
    </li>
  </ul>
</div>
<div th:fragment="menu" class="col-2" style="background-color: orange">
  <ul>
    <li>
      <a th:href="@{/searchProduct}">商品管理</a>
    </li>
    <li>
      <a th:href="@{/users}">用户管理</a>
    </li>
  </ul>
</div>
</body>
</html>